

<table style="width: 100%" align="center" class="expDefault1">
		<tr>
			<td style="width: 212px; height: 78px;" class="expDefault2"><div class="contentheading2">Expansion</div></td>
			<td style="height: 78px;" class="expDefault2" ><div class="contentheading2">Progress</div></td>
			<td style="height: 78px;" class="expDefault2" ><div class="contentheading2">Totals</div></td>
		</tr>
  <?$x=0; foreach($expansions as $expansions=>$v):?>
  <? $percent = 2; $progwidth = 0;?>
  <?if($v['quests'] > 0): $percent = round(($v['completed']/$v['quests'])*100);
  $progwidth = round($percent * 2);?>
  <?endif;?>

    		<tr>
        <td style="width: 212px" class="expDefault2"><DIV style="PADDING-RIGHT: 2px; FLOAT: left; WIDTH: 198px; POSITION: relative"><A href="index.php?editor=exp&exp=<?=$v['expansion']?>&action=1"><IMG height=98 alt="" 
      src="images/art/expansions/<?=$v['expansion']?>.png" width=198 border=0><IMG class=png32 
      onmouseover="rollImage(this,'http://syrith.servegame.org:84/quests/images/art/expansions/expansion_ticker_roll.png');this.style.cursor='pointer';" 
      style="LEFT: 0px; WIDTH: 198px; POSITION: absolute; TOP: 0px; HEIGHT: 98px" 
      onmouseout="rollImage(this,'http://syrith.servegame.org:84/quests/images/art/expansions/blank.png')" 
      alt="Everquest Classic" src="images/art/expansions/blank.png" border=0> 
      </A></DIV></td>
			<td style="width: 200px" class="expDefault3" ><div style="height:20px;width:200px;background-image:url('images/art/progress.gif');">
			
		  <div style="width:<?=$progwidth?>px;overflow:hidden"><img src="images/art/<? if ($percent < 30): echo 'red'; elseif (($percent >=30 && $percent<=80)):  echo 'yellow'; else: echo 'green'?><?endif;?>.gif"></div>
		</div></td><td style="width: 200px" class="expDefault2" ><div class="expDefault5">(<?=$v['completed']?>/<?=$v['quests']?>)</div> </td>
		</tr>

    <?$x++; endforeach;?>

		</table>
